//页面加载完成时，执行里面的代码
$(function () {
    // layui框架：引入模板，引入后需要做的事情就是方法，
    layui.use('form', function () {
        // 将模板里面的变量进行简写
        let form = layui.form;
        // 弹出一个信息
        // layer.msg('玩命卖萌中', function(){
        //   //关闭后的操作
        //     console.log(11)
        //   });
        //拿到用户输入的信息
        // layer.prompt(function(val, index){
        //     layer.msg('得到了'+val);
        //     layer.close(index);
        // });
        //自定义验证规则
        form.verify({
            username: [/^[\u4e00-\u9fa5a-zA-Z0-9]{6,12}$/, '用户名必须6到16为中文，字母，数字'],
            pass: [/(.+){6,12}$/, '密码必须6到12位'],
            code: [/^\w{4}$/, '验证码只能写4个']

        });
        // form.on('submit(code)', function (data) {
        //     console.log(data)
        // });


        //监听提交,对按钮进行添加事件，添加后需要执行的操作
        form.on('submit(login)', function (data) {
            data = data.field;
            // alert(888)//很丑警告框
            // console.log(data)
            // console.log(data.field)
            //将对象转换为json对象字符串，每必要，因为以后传递到Java都是对象
            // console.log(JSON.stringify(data.field))
            // layer.msg(JSON.stringify(data.field), function () {
            // 只有验证码和用户名密码都正确了才能进行跳转到页面
            //     location.href = 'index.html'
            // });
            // 需要ajax访问Java后台
            $.ajax({
                url: '/login',//对应的是servlet的注解
                data: data,//要传递给后台的数据
                type: 'post',//对应后台的方法
                dataType: 'json',//固定json对象
                success: function (res) {//res后台相应给钱的的值
                    if (res.msg == 'success') {
                        // console.log(data.username)
                        sessionStorage.setItem("username", data.username)
                        location.href = '/html/index.html'
                    } else if (res.msg == 'error-code') {
                        layer.msg('验证码错误');
                    } else if (res.msg == 'error') {
                        layer.msg('用户名或者密码错误，请重新输入');
                    }
                }
            });
            return false;
        });
    });
})

function changeCode() {
    console.log(111)
    //js 有一个保护机制，如果每次访问的地址不变，则取缓存里面的 数据
    $("#codeImg").attr("src", "/code?aa=" + new Date().getMilliseconds());
    $("#code").focus();//光标聚焦
}